<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>新用户注册</title>
        <base href="${pageContext.request.contextPath}/">
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="css/style.css"/>

    </head>
    <body style="background:url(../img/325001.jpg) ;
          background-size:cover; ">

        <div>
             <div class="header-most-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-8 col-sm-8 col-12">
                        <div class="main-flex-top">
                            <div class="email sel d-flex">
                                <div class="main-email-text d-flex">
                                    <i class="glyphicon glyphicon-envelope"></i>
                                    <p>123@XZ.com</p>
                                </div>
                                <div class="main-loc-text d-flex">
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    <p>你梦想中的城市</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-4 col-sm-4 col-12">
                        <div class="login-area">
                            <div class="seclict-area">
                                <i class="glyphicon glyphicon-home" style="color: #e9dbf0;"></i>
                                <select name="cars">
                                    <option value="volvo">CN</option>
                                    <option value="saab">US</option>
                                    <option value="fiat">GE</option>
                                    <option value="audi">FRANCH</option>
                                </select>
                            </div>
                            <div class="user-log">
                                <i class="glyphicon glyphicon-user"></i>
                                <a href="#">登录&nbsp;|</a>
                                <a href="#">注册</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
           <!--导航栏-->
    <header id="top-heder-nav">
        <nav class="navbar navbar-expand-lg" data-toggle="sticky-onscroll">
            <div class="container">
                <a class="navbar-brand" href="index">
                    <img src="img/logo.png" alt="">
                </a>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav">
                        <li class="nav-item"><a class="nav-link active" href="index">首页</a></li>
                        <li class="nav-item"><a class="nav-link active" href="index">旅游日记</a></li>
                        <li class="nav-item"><a class="nav-link active" href="index">旅游活动</a></li>
                    </ul>
                </div>

                <div class="left-menu-pho">
                    <div class="icon-phon-men">
                        <i class="glyphicon glyphicon-leaf"></i>
                    </div>
                    <div class="phone-number-idel">
                        <h4>世界那么大</h4>
                        <p>我想去看看</p>
                    </div>
                </div>
            </div>
        </nav>
    </header>

            <br>
            <h1 class="text-center text-success">新用户注册</h1>
         
            <br>
            <form action="user/register" class="form-inline text-center" method="post">
                昵称 : 
                <input type="text" name="uname" placeholder="在此输入用户名" class="form-control fixedWidth">
                <br><br>
                密码 : 
                <input type="text" name="upwd" placeholder="在此输入密码" class="form-control fixedWidth">
                <br><br>
                性别 : 
                <input type="text" name="ugender" placeholder="在此输入性别" class="form-control fixedWidth">
                <br><br>
                手机号码 : 
                <input type="tel" name="uphone" placeholder="在此输入手机号码" class="form-control fixedWidth">
                <br><br>
                身份证号 : 
                <input type="number" name="uidnumber" placeholder="在此输入身份证号" class="form-control fixedWidth">
                <br><br>
                邮箱 : 
                <input type="email" name="umailbox" placeholder="在此输入邮箱" class="form-control fixedWidth">
                <br><br>
                城市 : 
                <input type="text" name="ucity" placeholder="在此选择城市" class="form-control fixedWidth">
                <br><br>
                工作 : 
                <input type="text" name="uwork" placeholder="在此输入工作" class="form-control fixedWidth">
                <br><br>
                找回密码问题 : 
                <input type="text" name="uquestion" placeholder="在此输入问题" class="form-control fixedWidth">
                <br><br>
                问题答案 : 
                <input type="text" name="uanswer" placeholder="在此输入答案" class="form-control fixedWidth">
                <br><br>
                <input type="submit" value="注册" class="btn btn-sm btn-success">
            </form>
        </div>

      
<div class="footre-bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-8 col-sm-8 col-8">
                    <div class="copy-right-para">
                        <p>版权所有 &copy; 2019.张彦 陈新 毕爱卿 付丽瑶</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-4 col-4">
                    <div class="copy-right-icon">
                        <a href="#"><i class="glyphicon glyphicon-thumbs-up face no-ag"></i></a>
                        <a href="#"><i class="glyphicon glyphicon-gift face"></i></a>
                        <a href="#"><i class="glyphicon glyphicon-heart-empty face"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
</html>
